.cowork-center {
  height: 100%;
  background: @fill-body;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  &-top {
    background: @fill-base;
    .am-wingblank {
      border-bottom: 1 * @hd solid @border-color-base;
      overflow: hidden;
      padding: 14 * @hd 0 10 * @hd;
      text-align: center;
      .am-avatar {
        width: 60 * @hd;
        height: 60 * @hd;
      }
      .common-userInfo {
        margin-top: 5 * @hd;
        &-username {
          display: inline-block;
          font-size: @font-size-heading;
          color: #55B1F9;
          margin-bottom: 4 * @hd;
        }
        &-deptInfo {
          // max-width: 164 * @hd;
          color: @color-text-caption;
          word-wrap: break-word;
          font-size: @font-size-caption-sm;
          margin: 0 auto;
        }
      }
    }
    .common-count {
      text-align: center;
      background: @fill-base;
       :not(:last-child).am-flexbox-item {
        position: relative;
        .common-count-line {
          border-right: 1 * @hd solid @border-color-base;
          position: absolute;
          @diss: 38 * @hd;
          top: calc(~'100% - @{diss}');
          right: 0;
          height: 24 * @hd;
        }
      }
      .common-count-item {
        padding: 3 * @hd 0;
        border-bottom: 2 * @hd solid @fill-base;
      }
      .active {
        border-bottom: 2 * @hd solid @brand-primary;
      }
      .am-flexbox-item:last-child{
        border: 0;
      }
      .common-count-value{
        display: block;
        font-size: 17 * @hd;
        line-height: 24 * @hd;
        color: @color-text-caption;
      }
      .common-count-name{
        font-size: 14 * @hd;
        line-height: 20 * @hd;
        color: @color-text-paragraph;
      }
    }
  }
  .am-flexbox .am-flexbox-item {
    text-align: center;
  }

  /* 参与的协作 */
  &-join {
    &-template {
      &-name {
        font-size: @font-size-heading;
        color: @color-text-paragraph;
      }
      &-lastdiscussant {
        color: @color-text-caption;
      }
    }
  }

  /* 与我相关 */
  &-relate {
    height: 100%;
    position: relative;
    &-comment {
      @relateTop: @tabs-height + 1;
      position: absolute;
      top: @relateTop;
      bottom: 0;
      width: 100%;
    }
    &-renderTopContent {
      color: @brand-important;
      font-weight: 700;
    }
  }

  /* 我的发表 */
  &-myPublish {
    height: 100%;
    position: relative;
    .am-icon-filter-o-hot {
      color: @brand-primary !important;
    }
    /* 我的帖子 */
    &-myPost {
      position: absolute;
      width: 100%;
      top: @tabs-height + @search-bar-height + 2;
      bottom: 0;
      &-content {
        height: 100%;
      }
    }
    // 我的评论
    &-myComment {
      position: absolute;
      width: 100%;
      top: @tabs-height + @search-bar-height + 2;
      bottom: 0;
      .cowork-template {
        top: 0;
      }
      .list-view-section-body {
        background: @fill-body;
        .wm-list-page-item {
          margin-bottom: @h-spacing-md;
        }
      }
    }
  }

  /* 收藏的帖子 */
  &-collect {
    height: 100%;
    .am-icon-filter-o-hot {
      color: @brand-primary !important;
    }
    .wm-comment-list {
      @diss: @search-bar-height + 1;
      height: calc(~"100% - @{diss}");
    }
    &-renderRight {
      color: @color-text-caption;
      &-collect {
        position: relative;
        top: 4 * @hd;
        margin-left: 15 * @hd;
      }
      &-floor {
        margin-left: 15 * @hd;
      }
    }
  }

  //主题监控
  &-theme, &-comment-notDeleted, &-content-notDeleted {
    .am-icon-filter-o-hot {
      color: @brand-primary !important;
    }
    .cowork-template-checked {
      bottom: @button-height;
    }
    .am-button {
      position: absolute;
      bottom: 0;
      width: 100%;
    }
  }

  /* 评论监控 */
  &-comment, &-content {
    height: 100%;
    position: relative;
    .am-icon-filter-o-hot {
      color: @brand-primary !important;
    }
    &-notDeleted, &-deleted {
      position: absolute;
      width: 100%;
      top: @tabs-height + 1;
      bottom: 0;
      // .cowork-template-checked {
      //   // bottom: @button-height;
      // }
      // .am-tab-bar {
      //   position: absolute;
      //   bottom: 0;
      //   width: 100%;
      // }
    }
    &-deleted {
      .list-view-section-body{
        background: @fill-body;
        .wm-list-page-item {
          margin-bottom: @h-spacing-md;
        }
      }
    }
  }
}